<template>
	<view>
		<u-popup :show="show" mode="center" bgColor="transparent" @close="close">
			<view class="qgd-pop-content-box">
				<view class="qgd-pop-content-img-box">
					<img class="img" :src="data" />
				</view>
				<view class="tip-text">长按签购单保存至相册</view>
			</view>
			
		</u-popup>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	// 是否显示弹框
	let show = ref(false) 
	defineProps(['data'])
	//显示
	const open = () => {
		show.value = true
	}
	//关闭
	const close = () => {
		show.value = false
	}
	// 暴露子组件的属性/方法给外界调用
	defineExpose({
		open,
		close
	})
</script>

<style lang="scss" scoped>
.qgd-pop-content-box{
	width: 500rpx;
	background-color: transparent;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	.qgd-pop-content-img-box{
		border-radius: 16rpx;
		overflow: hidden;
		.img{
			width: 100%;
			vertical-align: middle;
		}
	}
	.tip-text{
		text-align: center;
		color: white;
		font-size: 28rpx;
		margin-top: 30rpx;
	}
}
</style>